<template>
  <view class="pr margin-sm bg-white" @click="gotoShopInfo()">
     <view class="s-name">
       {{shop.poiName}}
     </view>
    <view class="s-addr">
      {{shop.address}}
    </view>
    <view class="pa">
      <view :class="['zt-'+shop.examineVerify]">
        {{shop.examineVerifyName}}
      </view>
      <view class="sj">
        {{ shop.createTime }}
      </view>
    </view>
<!--    <view class="content padding-tb-sm">-->
<!--      <view>-->
<!--        <text class="cuIcon-tagfill margin-right-xs text-custom"></text>【 {{shop.shopSourceName}}】 {{shop.poiName}}</view>-->
<!--      <view class="text-gray text-sm">-->
<!--        <text class="margin-right-xs"></text> {{shop.adminName}} >> {{shop.address}} </view>-->
<!--    </view>-->
<!--    <view class="action pa">-->
<!--      <view class="text-white text-xs text-custom-bg pa text-center">{{shop.examineVerifyName}}</view>-->
<!--   </view>-->

  </view>

</template>
<script setup lang="ts">
import {onReachBottom, onLoad} from "@dcloudio/uni-app";
import {ref, onMounted, reactive, toRaw, computed} from "vue";
import {useStore} from "@/common/store";

const store = useStore();

const userId = computed(() => store.userId)


interface Prop {
  shop: {
    accountId: string
    accountName: string
    address: string
    adminId: number
    adminName: string
    createTime: string
    createUser: number
    delFlag: number
    examineVerify: number
    examineVerifyName: string
    id: number
    latitude: string
    longitude: string
    poiId: string
    poiName: string
    remark: string
    shopSource: number
    shopSourceName: string
    statusFlag: number
    updateTime: string
  }
}

// 传递过来的参数
const props = defineProps<Prop>();

const gotoShopInfo = () => {
  uni.navigateTo({url: `/pages/shop/shopInfo?id=${props.shop.id}`})
}
</script>


<style lang="scss" scoped>


.pr {
  position: relative;
  border-radius: 10rpx;
  .pa {
    position: absolute;
    top:36rpx;
    right: 28rpx;
    text-align: right;
    .zt-0{
      font-size: 26rpx;
      color: #577FDF;
      padding-bottom: 15rpx;
    }
    .zt-1{
      font-size: 26rpx;
      color: #2CBF3A;
      padding-bottom: 15rpx;
    }
    .zt--1{
      font-size: 26rpx;
      color: #FF4E56;
      padding-bottom: 15rpx;
    }
    .sj{
      font-size: 18rpx;
      color: #959595;
    }
  }
  .s-name {
    font-weight: 500;
    font-size: 32rpx;
    color: #1C1C1C;
    margin-bottom: 26rpx;
    margin-left: 33rpx;
    padding-top: 35rpx;
  }
  .s-addr {
    font-weight: 500;
    font-size: 24rpx;
    color: #8F8F8F;
    margin-left: 33rpx;
    padding-bottom: 35rpx;
  }
}
</style>
